<#assign className = table.className>   
<#assign classNameLower = className?uncap_first> 
<style>
@media only screen and (max-width: 640px) {
	#responsivetable td:nth-child(1){display:none}	
}
</style>
<script>
$(".${classNameLower}Menu").addClass("active").closest("ul").parent().addClass("active open");
$(document).ready(function(){
	initPagination("#${classNameLower}Page");
})
</script>
<div class="pageheader">


	<h2>
		<i class="fa fa-group"></i> {$Think.lang.${className}}
	</h2>

</div>
<!-- /page header --> <!-- content main container -->
<div class="main">


	<div class="row">
		<div class="col-md-12">
			<a href="{:U('${className}/add')}" class="btn btn-success">{$Think.lang.BUTTON_ADD}</a>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
		
			<!-- tile -->
			<section class="tile color transparent-white">
			<div class="tile-body color transparent-white rounded-corners">
			
				<div class=" pull-right" id="${classNameLower}Page">
					<ul>{$page}</ul>
				</div>
				 <div class=" table-responsive">
				<table id="responsivetable" class="table table-bordered table-striped table-condensed table-collapsible table-hover">
				 	<thead>
				 		<tr>
				 			<th><input type="checkbox" name="" value=""></th>
				 			<#list table.columns as column> 
							<#if !column.htmlHidden && column.isEditable>
							<th>{$Think.lang.${className}_${column.columnName}} </th>
							</#if>
							</#list>
				 			
							<th>{$Think.lang.BUTTON_OPERATIONS}</th>
				 		</tr>
				 	</thead>
				 	<tbody>
				 		
				 		<volist name="${classNameLower}List" id="vo">
						<tr>
						<td data-title=""><input type="checkbox" name="id[]" value=""></td>
						<#list table.columns as column>
						<#if !column.htmlHidden && column.isEditable>
						<td data-title="{$Think.lang.${className}_${column.columnName}}">							
							{$vo.${column.columnNameLower}} &nbsp;
						</td>
						</#if>
						</#list>
						
						<td><a href="{:U('User/edit',array('id'=> $vo[id]))}" class="btn btn-primary">{$Think.lang.BUTTON_EDIT}</a> |
						<a href="{:U('User/delete',array('id'=> $vo[id]))}" class="btn btn-danger">{$Think.lang.BUTTON_DELETE}</a>
						</td>
						<tr>
						</volist>
				 		
				 	
				 	</tbody>
				 	</table>
				 	</div>
			</div>



			</section>
			<!-- /tile -->
		




		</div>
	</div>




</div>
<!-- /content container --> 

</block>
